


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" name="viewport">
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="black" name="apple-mobile-web-app-status-bar-style">
    <meta content="telephone=no" name="format-detection">
    <meta content="email=no" name="format-detection">
    <title>base_m</title>
    <link rel="stylesheet" href="../assets/css/base_m.css">
    
 
    <style>
    .wrapper {
    /*max-width: 640px;
    margin: 0 auto;
    min-height: 100%;
    height: 100%;*/
    
    margin: 10px;
    border-color: #ddd;
    border:1px solid #ddd;
    padding: 10px;
    background-color: #ddd;
}
.wrapper >section {
    margin-bottom: 10px;
}







    </style>
</head>
<body class="">
<div class="wrapper ">
    <section>
        <div class="panel">
            <form action="" method="post">
                <div class="form-group">
                    <label for="">姓名</label>
                    <div class="form-field">
                        <input type="text">
                    </div>
                </div>
                <div class="form-group">
                    <label for="">年龄</label>
                    <div class="form-field">
                        <input type="number">
                    </div>
                </div>
                <div class="action tac p-7">
                    <button class="btn-primary w-50">提交</button>
                </div>
            </form>
        </div>
        <div class="panel">
            <form action="" method="post" class="">
                
                <div class="form-group dib vam mb-5">
                    <label for="" class="w-6em tar pr-5 dib vam">神经计算</label>
                    <div class="form-field dib vam">
                        <input type="text" class="flat small square">
                    </div>
                </div>
                <div class="form-group dib vam mb-5">
                    <label for="" class="w-6em tar pr-5 dib">打底裤你</label>
                    <div class="form-field dib vam">
                        <input type="text" class="flat small square">
                    </div>
                </div>
                <div class="form-group dib vam mb-5">
                    <label for="" class="w-6em tar pr-5 dib">神经计算</label>
                    <div class="form-field dib vam">
                        <input type="text" class="flat small square">
                    </div>
                </div>

                <div class="form-group dib vam mb-5">
                    <label for="" class="w-6em tar pr-5 dib">打底裤你</label>
                    <div class="form-field dib vam">
                        <input type="text" class="flat small square">
                    </div>
                </div>
                <div class="form-group dib vam mb-5">
                    <label for="" class="w-6em tar pr-5 dib">神经计算</label>
                    <div class="form-field dib vam">
                        <input type="text" class="flat small square">
                    </div>
                </div>
                <div class="action pl-5 dib vam mb-5">
                    <button class="btn-primary btn-small btn-square">提交</button>
                </div>
            </form>
        </div>
    </section>
    <section class="bgc-w">
        <div class="c-text">c-text</div>
        <div class="c-3">c-3</div>
        <div class="c-4">c-4</div>
        <div class="c-5">c-5</div>
        <div class="c-6">c-6</div>
        <div class="c-7">c-7</div>
        <div class="c-8">c-8</div>
        <div class="c-9">c-9</div>
        <div class="c-a">c-a</div>
        <div class="c-b">c-b</div>
        <div class="c-c3">c-c3</div>
        <div class="c-c">c-c</div>
        <div class="c-d4">c-d4</div>
        <div class="c-d">c-d</div>
        <div class="c-e6">c-e6</div>
        <div class="c-e">c-e</div>
        <div class="c-f5">c-f5</div>
        <div class="c-f9">c-f9</div>

    </section>
    <section>
        <div class="panel">
            <div class="panel-header">header</div>
            <div>实时计算机计算机实时计算机是</div>
            <div class="panel-header-gray">header</div>
            <div>实时计算机计算机实时计算机是</div>
        </div>
    </section>
    <section class="bgc-w">
        <div class="line-header">line-header</div>
        <div class="divider">
            <div class="title bgc-w">街道口四大皆空divider</div>
        </div>

        <div class="check-triangle">
            <input type="radio" name="assets" value="1" id="assets-11" checked>
            <label for="assets-11">是</label>
            <input type="radio" name="assets" value="1" id="assets-111">
            <label for="assets-111">否</label>
        </div>
        <dl class="check-square">
            <dt>您的金融资产是否高于300万元人民币</dt>
            <dd class="w-10">
                <input type="radio" name="assets" value="1" id="assets-1"><label class="dummy-check" for="assets-1"></label>
                <label for="assets-1">是</label>
            </dd>
            <dd class="w-10">
                <input type="radio" name="assets" value="0" id="assets-2"><label class="dummy-check" for="assets-2"></label>
                <label for="assets-2">否</label>
            </dd>

            <dt class="mt-8">您近三年个人年均收入是否高于50万元人民币</dt>
            <dd class="w-10">
                <input type="radio" name="revenues" value="1" id="revenues-1"><label class="dummy-check" for="revenues-1"></label>
                <label for="revenues-1">是</label>
            </dd>
            <dd class="w-10">
                <input type="radio" name="revenues" value="0" id="revenues-0"><label class="dummy-check" for="revenues-0"></label>
                <label for="revenues-0">否</label>
            </dd>
        </dl>
        <dl class="radio-circle">
                    <dt class="mt-8">您的投资经验有：</dt>
                    <dd class="w-20">
                        <input type="radio" name="invest_year" value="1" id="invest_year-1"><label class="dummy-check" for="invest_year-1"></label>
                        <label for="invest_year-1">1-3年</label>
                    </dd>
                    <dd class="w-20">
                        <input type="radio" name="invest_year" value="2" id="invest_year-2"><label class="dummy-check" for="invest_year-2"></label>
                        <label for="invest_year-2">3-5年</label>
                    </dd>
                    <dd class="w-20">
                        <input type="radio" name="invest_year" value="3" id="invest_year-3"><label class="dummy-check" for="invest_year-3"></label>
                        <label for="invest_year-3"> 5-10年</label>
                    </dd>
                    <dd class="w-20">
                        <input type="radio" name="invest_year" value="4" id="invest_year-4"><label class="dummy-check" for="invest_year-4"></label>
                        <label for="invest_year-4"> 10年以上</label>
                    </dd>
        </dl>
        <div class="check-square">
            <input type="checkbox" name="is_read1" value="1" id="check-agree-1"><label class="dummy-check" for="check-agree-1"></label>
            <label for="check-agree-1">
                我已知晓股权融资是一种高风险投资，是一种没有固定收益和固定期限的投资，有产生本金亏损的可能性。
            </label>
        </div>
    </section>
    <section>
        <button class="btn">btn</button>
        <button class="btn error">error</button>
        <button class="btn-athens">btn-athens</button>
        <button class="btn-primary">btn-primary</button>
        <button class="btn-danger">btn-danger</button>
        <button class="btn-success">btn-success</button>
        <button class="btn-warning">btn-warning</button>
        <button class="btn-gray">btn-gray</button>
        <button class="btn-text">btn-text</button>
        <button class="btn-smoke">btn-smoke</button>
        <button class="btn-o">btn-o</button>
        <button class="btn-o c-primary">btn-o.c-primary</button>
        <button class="btn-o c-danger">btn-o.c-danger</button>
        <button class="btn-o btn-small">btn-small</button>
        <button class="btn-o btn-tiny">btn-tiny</button>
        <button class="btn-o btn-square">btn-square</button>
        <a href="javascript:;" class="btn btn-o btn-link">btn-link</a>

    </section>
    <section>
        <span class="tag m-5">tag</span>
        <span class="tag-danger m-5">tag-danger</span>
        <span class="tag-dkz m-5">tag-dkz</span>
        <span class="tag-end m-5">tag-end</span>
        <span class="tag-gray m-5">tag-gray</span>
        <span class="tag-htz m-5">tag-htz</span>
        <span class="tag-o m-5">tag-o</span>
        <span class="tag-primary m-5">tag-primary</span>
        <span class="tag-success m-5">tag-success</span>
        <span class="tag-warning m-5">tag-warning</span>
        <span class="tag-yrz m-5">tag-yrz</span>

    </section>
    <section>
        <div class="note note-danger mb-5">点击下面的按钮即可通过 JavaScript 启动一个模态框。此模态框将从上到下、逐渐浮现到页面前</div>
        <div class="note note-warning mb-5">点击下面的按钮即可通过 JavaScript 启动一个模态框。此模态框将从上到下、逐渐浮现到页面前</div>
        <div class="note note-info mb-5">点击下面的按钮即可通过 JavaScript 启动一个模态框。此模态框将从上到下、逐渐浮现到页面前</div>
        <div class="note note-success mb-5">点击下面的按钮即可通过 JavaScript 启动一个模态框。此模态框将从上到下、逐渐浮现到页面前</div>
    </section>

    <section>
        <div class="modal modal-alert fade in" style="z-index: 1;display: block; position: relative;">
          <div class="modal-dialog">
            <div class="modal-content">
              <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title">确认框</h4>
              </div>
              <div class="modal-body">
                <p>One fine body&hellip;</p>
              </div>
              <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                <button type="button" class="btn btn-primary">Save changes</button>
              </div>
            </div><!-- /.modal-content -->
          </div><!-- /.modal-dialog -->
        </div><!-- /.modal -->
    </section>

    <section>
        <div class="modal modal-alert fade in" tabindex="-1" style="z-index: 1; display: block;position: relative;">
            <div class="modal-dialog" style="margin-top: 0px;">
                <div class="modal-content">
                    <div class="modal-body">
                        <div class="modal-success-body"><i class="if icon-check-circle"></i>
                            <div>操作成功</div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn-primary" data-dismiss="modal">确定</button>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section>
        <div class="modal modal-alert fade in" tabindex="-1" style="z-index: 1; display: block;position: relative;">
            <div class="modal-dialog" style="margin-top: 0px;">
                <div class="modal-content">
                    <div class="modal-warning-body">
                        <i class="if icon-warning-circle"></i><div>警告</div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn-primary" data-dismiss="modal">确定</button>
                    </div>
                </div>
            </div>
        </div>
    </section>
    
    <section>
        <div class="modal modal-alert fade in" tabindex="-1" style="z-index: 1; display: block;position: relative;">
            <div class="modal-dialog" style="margin-top: 0px;">
                <div class="modal-content">
                    <div class="modal-error-body">
                        <i class="if icon-times-circle"></i><div>出错了</div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn-primary" data-dismiss="modal">确定</button>
                    </div>
                </div>
            </div>
        </div>
    </section>


    
</div>
<script src="../assets/vendor/jquery/jquery-2.1.4.min.js"></script>
<script src="../assets/js/dm.base.js"></script>
<script>
    
$(function () {
    console.log(1)
    
})
</script>

</body>
</html>